<ui:composition template="/template.xhtml" xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jstl/core"
                xmlns:t="http://myfaces.apache.org/tomahawk">
    <ui:define name="customs">
        <script type="text/javascript" src="#{contextPath}/confirmation/search.js"></script>
    </ui:define>
    <ui:define name="main-content">
        <h:form id="searchAttendeeForm" styleClass="wufoo leftLabel">
            <h2><span><h:outputText value="#{resource['confirmation.search']}"/></span></h2>
            <br/>
            <div id="errorMsgLbl" align="center"><h:messages id="errorMessages" layout="table"/></div>
            <!--div id="errorMsgLbl" align="center"><h:messages id="errorMessages" layout="table"/></div-->
            <center>
                <table style="border: 1px solid #CCCCCC; background: #E3E3E3" width="70%">
                    <tr>
                        <td> 
                            <ul>
                                <li>
                                    <label for="searchValue" > 
                                        <h:selectOneRadio id="searchOption" class="searchOption" value="#{attendeeBean.searchType}">
                                            <f:selectItem id="searchConfirmation" itemValue="CONFIRMATION" itemLabel="#{resource['attendee.searchTypeConfirmation']}"/>
                                            <f:selectItem id="searchMember" itemValue="MEMBER_ID" itemLabel="#{resource['attendee.searchTypeMember']}"/>
                                            <f:selectItem id="searchName" itemValue="NAME" itemLabel="#{resource['attendee.searchTypeName']}"/>
                                        </h:selectOneRadio>
                                    </label>
                                </li>
                                <li id="inputSearch" class="name">
                                    <label class="desc" for="searchValue">
                                        <h:outputText value="#{resource['attendee.searchValue']}"/>
                                    </label>                    
                                    <span>
                                        <input jsfc="h:inputText" size="20" type="text" id="searchValue" class="searchValue field text"
                                               value="#{attendeeBean.searchValue}"/>
                                    </span>
                                </li>
                                <li id="attendeeName" class="name">
                                    <label class="desc" for="primer_nombre">
                                        #{resource['person.fullName']}
                                    </label>
                                    <span>
                                        <input jsfc="h:inputText" id="primer_nombre" size="12" type="text" class="searchValue primer_nombre field text"
                                               value="#{attendeeBean.firstName}"/>
                                        <label for="primer_nombre"><h:outputText value="#{resource['person.firstName']}"/><h:outputText value=" *" style="color: red;"/></label>
                                    </span>
                                    <span>
                                        <input jsfc="h:inputText" id="segundo_nombre" size="12" type="text" class="searchValue segundo_nombre field text"
                                               value="#{attendeeBean.middleName}"/>
                                        <label for="segundo_nombre"><h:outputText value="#{resource['person.middleName']}"/></label>
                                    </span>
                                    <span>
                                        <input jsfc="h:inputText" id="primer_apellido" size="12" type="text" class="searchValue primer_apellido field text"
                                               value="#{attendeeBean.lastName}"/>
                                        <label for="primer_apellido"><h:outputText value="#{resource['person.lastName']}"/><h:outputText value=" *" style="color: red;"/></label>
                                    </span>
                                    <span>
                                        <input jsfc="h:inputText" id="segundo_apellido" size="12" type="text" class="searchValue segundo_apellido field text"
                                               value="#{attendeeBean.secondLastName}"/>
                                        <label for="segundo_apellido"><h:outputText value="#{resource['person.secondLastName']}"/></label>
                                    </span>
                                </li>
                            </ul>
                        </td>
                    </tr>
                </table>
            </center>
            <br/>
            <center>                
                <div>
                    <h:commandLink action="#{attendeeBean.execute}" class="button_round">
                        <ins>#{resource['button.search']}</ins>
                    </h:commandLink>
                    <h:commandLink action="#{attendeeBean.reset}" class="button_round">
                        <ins>#{resource['button.clean']}</ins>
                    </h:commandLink>
                    <h:commandLink action="#{attendeeBean.init}" class="button_round">
                        <ins>#{resource['button.notRegistered']}</ins>
                    </h:commandLink>
                </div>            
            </center>
        </h:form>
    </ui:define>
</ui:composition>